*{
    margin: 0;
    padding: 0;
}
body{
    background-image: url(./img/photo.jpg);
    background-size: 1700px 1000px;
    background-repeat: no-repeat;
    background: cover;
}
.box1{
    width: 200px;
    height: 300px;
    margin: 0 auto;
    margin-top: 50px;
    padding: 90px;
    border: 10px solid rgba(0, 4, 50, 500);
    border-radius: 20px;
    position: relative;   
    transition: 2s;
}
.box1>h1{
    text-align: center;
    position: relative;
 left: -10px;
}
.b1{
    position: absolute;
    left: 12px;
    bottom: 10px;
}
.b2{
    position: absolute;
    right: 12px;
    bottom: 10px;
}
.ll{
    margin-bottom: 20px;
   }
.lla{
    margin-bottom: 20px;
}
.llc{
    position: absolute;
    left: 120px;
    border-radius: 10px;
    width: 90px;
    background-image: linear-gradient(120deg,#a6c0cf,#f680);
}
#one{
    position: absolute;
    left: 70px;
}
#two{
    position: absolute;
    left: 70px;
    top: 175px;
}
.llc:hover{
    background-color: #a6c0cf;
}
.llc:active{
    background-color: rgb(27, 10, 42);
}